<%@ page language="java" contentType="text/html;" pageEncoding="UTF-8"%>
<%@ include file="/views/global/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath %>">
<%@include file="/views/global/ShopInclude.jsp" %>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="static/css/global/generic.css" rel="stylesheet" type="text/css">
<link href="static/css/page/index.css" rel="stylesheet" type="text/css">
<link href="static/css/page/salerHomePage.css" rel="stylesheet" type="text/css">
<title>${designer.storeName }</title>
</head>
<body class="salerHomeBg salerbody">
<!-- 顶部导航条  -->
<%@include file="/views/global/header.jsp" %>
<!-- 顶部导航条结束  -->

<!-- 主页内容 start -->
<div class="contentWidth center font fontColorGray">
  <!-- 主页左边区域 start -->
  <div class="homePageLeftArea left">
    <div id="sellerInfoContent" sellerId="${sellerId }" class="salerPortrait leftContent">
    <c:if test="${empty designer.sellerFileId }">
    	<img class="submitSalerPhoto left" src="static/images/global/blank.png" />
    </c:if>
    <c:if test="${not empty designer.sellerFileId }">
    <img class='salerPortraitImage' src="${fileServerBasePath }download/${designer.sellerFileId }"/>
    </c:if>
	<div class='salerName'>${designer.sellerName }<br>${addressVo.countryName }<a class="favoriteBtn"></a></div>
	<div class='salerAddress'>${addressVo.strLocationNames }</div>
    <div class='salerItemCount'>${itemCount } ITEMS.</div>
    <div class='salerSlogan'>${designer.favorite }</div>
    </div>
    
    <div class="salerProject leftContent">
    	<div class='salerProjectTitle'>项 PROJECT 目</div>
    	<div id="sellerProjectContent" sellerId="${sellerId }">
    	</div>
    </div>
    <div class="salerLive leftContent">
      <div class="salerLiveTitle">生活 LIFE 见闻</div>
      <ul class="salerLiveImages">
	      <c:forEach var="itemImage" items="${personLifeFiles }" varStatus="pc">
	      <li>
	         <a href="javascript:void(0)" onclick="$('#loftwarning').show()">
	            <img src="${fileServerBasePath }download/${itemImage }"/>
	         </a>
	      </li>
	      </c:forEach>
      </ul>
    </div>
    
    <div class="messageInteraction leftContent">
      <div class="salerMessageTitle">留言 MESSAGE</div>
      <textarea class="salerMessage" placeholder="此处可输入140字"></textarea>
      <ul class="salerMessageHistory">
        <li>木凉风:很酷炫的可穿戴设备，在朋友前潮了一把！ <span class="messageReply right"><input type="button" class="messageReply" value="回复"/></span></li>
        <li>木凉风:很酷炫的可穿戴设备，在朋友前潮了一把！ <span class="messageReply right"><input type="button" class="messageReply" value="回复"/></span></li>
        <li>木凉风:很酷炫的可穿戴设备，在朋友前潮了一把！ <span class="messageReply right"><input type="button" class="messageReply" value="回复"/></span></li>
        <li>木凉风:很酷炫的可穿戴设备，在朋友前潮了一把！ <span class="messageReply right"><input type="button" class="messageReply" value="回复"/></span></li>
      </ul>
      <a href="javascript:void(0)"  class="replyMoreBtn">
         READ<img src="static/images/page/salerHomePage/icon-tip.png" style="height: 16px;">MORE
      </a>
      <!-- <input type="button" class="replyMoreBtn" value="READ MORE"/> -->
    </div>
  </div>
  <!-- 主页左边区域 end -->
  
  <!-- 右边瀑布流 start -->
  <div id="imagesStreamMain" class="imagesStream font fontColorGray">
  <form id="checkLikeForm" >
     <input type="hidden" name="sellerId" value="${sellerId }" />
     <input type="hidden" name="score" value="${like }"/>
     <input type="hidden" name="origin" value="SHOP_LIKE" />
  </form>
  <form id="moreQueryForm" >
    <input type="hidden" name="pageIndexIndex" value="1">
    <input type="hidden" name="sellerId" value="${sellerId }">
    <div id="container" class="waterfallimgcontainer">
	  
    </div>
  </form>  
  </div>
  <!-- 瀑布流 end -->
  

</div>
<!-- 主页内容 end -->
<script type="text/javascript" src="static/javascript/jquery.min.js"></script>
<script type="text/javascript" src="static/javascript/jquery.plugin/jquery.form.js"></script>
<script type="text/javascript" src="static/javascript/global/artDialog/artDialog.js?skin=default"></script>
<script type="text/javascript" src="static/javascript/global/artDialog/plugins/iframeTools.js"></script>
<script type="text/javascript" src="static/javascript/global/common/frame.js"></script>

<!-- 页尾 -->
<%@include file="/views/global/footer.jsp" %>
<!-- 页尾结束 -->
<div class="actGotop">
   <a href="javascript:void(0);" title="返回顶部">
   <p style="text-align: center;margin-top: 42px;color:#0ebcec;">GO TO TOP<br>返回顶部</p>
   </a>
</div>

<!-- 提示框 -->
<div id="loftwarning" class="warningdialog fixshow">
  <p>WARNING 提醒<a href="javascript:void(0)" onclick="$('#loftwarning').hide();"></a></p>
  <div class="warningdialogcontent">
      LOFT FUNCTION WILL RELEASE IN THE FUTURE. PLEASE WAIT.<br>LOFT功能将在未来开放，敬请期待。<br>
      <input type="button" value="确定 YES" onclick="$('#loftwarning').hide();">
  </div>
</div>
<!-- 提示框    结束-->

<!-- 提示框 --> 
<div id="projectwarning" class="warningdialog fixshow">
  <p>WARNING 提醒<a href="javascript:void(0)" onclick="$('#projectwarning').hide();"></a></p>
  <div class="warningdialogcontent">
      PROJECT FUNCTION WILL RELEASE IN THE FUTURE. PLEASE WAIT.<br>项目功能将在未来开放，敬请期待。<br>
      <input type="button" value="确定 YES" onclick="$('#projectwarning').hide();">
  </div>
</div>
<!-- 提示框    结束-->

</body>
<script type="text/javascript" src="static/javascript/module/generic.js"></script>
<script type="text/javascript" src="static/javascript/page/salerHomePage/salerHomePage.js"></script>
<script type="text/javascript">

$.getEx("seller/sellerHome/itemInfoList", {sellerId:$("INPUT[name='sellerId']", "#moreQueryForm").val(),pageIndex:$("INPUT[name='pageIndexIndex']", "#moreQueryForm").val()}, function(jsonData){
	$("INPUT[name='pageIndexIndex']", "#moreQueryForm").val(jsonData.pageIndex);
	$("#container").html(jsonData.message);
	/* 遮罩效果 */
	/* $(".imagesStream ul li").hover(function(){
		$(this).children(".imageInfo").animate({top:"-75px"},300);
		}, function(){
		$(this).children(".imageInfo").animate({top:"0px"},200);
	}); */
	
	// 判断图片加载状况，加载完成后回调
	var opt={
		  auto_imgHeight:true,
		  insert_type:1
		}
		$('#container').waterfall(opt);
	
}, "json");
</script>

</html>